﻿<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>deloul</title>
<link type="text/css" rel="stylesheet" media="screen" href="css/type.css" />
</head>
<body>
<div class="h_header clearfix">
	<a href="#" class="logo" title="deloul"></a>
    <div class="navlist h_txt_1">
    	<a href="info.html">info</a>
    	<a href="works.html" class="hot">works</a>
    	<a href="contact.html">contact</a>
    </div>
</div>
<div class="commBox" id="commBox">
	<ul class="clearfix">
		<li><img src="images/indexScroll/title_2004.jpg" /></li>
		<li><a href="#" hideFocus title="Changping·Tian longyuan Multi-purpose Urban Complex" dataid="2" wWidth="800" wHeight="509"><img src="images/indexScroll/dataid_1.jpg" /></a></li>
		<li><a href="#" hideFocus title="#2" dataid="1"><img src="images/indexScroll/dataid_2.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_3.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_10.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_9.jpg" /></a></li>
		<li></li>
		<li></li>
		<li></li>
		<li><img src="images/indexScroll/title_2005.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_7.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_8.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_14.jpg" /></a></li>
		<li><img src="images/indexScroll/title_2006.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_4.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_5.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_6.jpg" /></a></li>
		<li></li>
		<li><img src="images/indexScroll/title_2007.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_19.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_37.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_29.jpg" /></a></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li><img src="images/indexScroll/title_2008.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_11.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_27.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_26.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_24.jpg" /></a></li>
		<li></li>
		<li></li>
		<li><img src="images/indexScroll/title_2009.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_38.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_15.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_16.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_17.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_18.jpg" /></a></li>
		<li></li>
		<li><img src="images/indexScroll/title_2010.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_20.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_21.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_22.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_23.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_31.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_33.jpg" /></a></li>
		<li></li>
		<li><img src="images/indexScroll/title_2011.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_33.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_12.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_13.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_32.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_31.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_26.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_27.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_28.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_30.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_28.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_30.jpg" /></a></li>
		<li></li>
		<li><img src="images/indexScroll/title_2012.jpg" /></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_36.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_34.jpg" /></a></li>
		<li><a href="#" hideFocus title="#" dataid="1"><img src="images/indexScroll/dataid_35.jpg" /></a></li>
	</ul>
</div>
<div id="SortBtn">
	<span typeId="year" class="selected"><a href="works.html">chronological</a></span>
	<span typeId="place"><a href="works_pro.html">programmatic</a></span>
	<span typeId="assort"><a href="works_sca.html">scale</a></span>
	<span typeId="plan"><a href="works_sta.html">status</a></span>
</div>

<!--javascript-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.sweetTitles.js"></script>
<script type="text/javascript" src="js/work.js"></script>
<!--/javascript-->
</body>
</html>
